<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8">
		<title>购物车</title>

		<link rel="stylesheet" href="css/bootp.css">		
		<link rel="stylesheet" href="css/style.css">		
		<link rel="stylesheet" href="css/carts.css">		
		
	</head>

	<body style="background: url(assets/img/bg/7.png);">
		
		<header class="header-area header-sticky">
			<div class="header-container">
				<div class="row">
					<div class="col-lg-5 display-none-md display-none-xs">
						<div class="ht-main-menu">
							<nav>
								<ul>
									<li>
										<a href="index.html">首页</a>
									</li>
									<li>
										<a href="exhibition.html">水果展览</a>
									</li>
									<li>
										<a href="fruit.html">水果文化</a>
									</li>
									<li>
										<a href="comment.html">商品推荐</a>
									</li>
									<li class="active">
										<a href="shopping.html">购物车</a>
									</li>
									<li>
										<a href="personal.html">个人信息</a>
									</li>
								</ul>
							</nav>
						</div>
					</div>
					
					<div class="col-lg-5 col-sm-8">
						<div class="header-content d-flex justify-content-end">
							<div class="search-wrapper">
								<a href="#"><span class="icon icon-Search"></span></a>
								<form action="#" class="search-form">
									<input type="text" placeholder="点击搜索 ...">
									<a href="#"><button type="button">搜索</button></a>
								</form>
							</div>
							
							
							<div class="settings-wrapper">
								<a style="width: 90px;font-size: 12px;">欢迎您,<i></i></a>
							</div>
							
							<div class="settings-wrapper">
								<a href="login.html">
									<i>
										<input style="position: absolute; border: none;width: 70px;height: 40px;font-size: 12px;color: orangered; background: url(assets/img/bg/11.jpg);" type="submit" name="" value="点击退出" />
									</i>
								</a>
							</div>
							
						</div>
					</div>
				</div>
			</div>						
		</header>
		
		
		<section class="cartMain">
			<div class="cartMain_hd">
				<ul class="order_lists cartTop" style="padding:0;margin:0;list-style: none;">
					<li class="list_chk">
						<input type="checkbox" id="all" class="whole_check">
						<label for="all"></label> 全选
					</li>
					<li class="list_con">商品信息</li>
					<li class="list_info">商品参数</li>
					<li class="list_price">单价</li>
					<li class="list_amount">数量</li>
					<li class="list_sum">金额</li>
					<li class="list_op">操作</li>
				</ul>
			</div>

			<div class="cartBox">
				<div class="shop_info" style="padding:0;margin:0;list-style: none;">
					<div class="all_check">
						<input type="checkbox" id="shop_a" class="shopChoice">
						<label for="shop_a" class="shop"></label>
					</div>
					<div class="shop_name">
						店铺：
						<a href="javascript:;">甘福园旗舰店</a>
					</div>
				</div>
				<div class="order_content">
					<ul class="order_lists" style="padding:0;margin:0;list-style: none;">
						<li class="list_chk">
							<input type="checkbox" id="checkbox_6" class="son_check">
							<label for="checkbox_6"></label>
						</li>
						<li class="list_con">
							<div class="list_img">
								<a href="javascript:;"><img src="assets/img/featured/4.jpg" alt=""></a>
							</div>
							<div class="list_text">
								<a href="javascript:;">精选海南贵妃芒果中大果 现摘新鲜水果红金</a>
							</div>
						</li>
						<li class="list_info">
							<p>规格：默认</p>
						</li>
						<li class="list_price">
							<p>￥39.33</p>
						</li>
						<li class="list_amount">
							<div class="amount_box">
								<a href="javascript:;" class="reduce reSty">-</a>
								<input type="text" value="1" class="sum">
								<a href="javascript:;" class="plus">+</a>
							</div>
						</li>
						<li class="list_sum">
							<p class="">￥39.33</p>
						</li>
						<li class="list_op">
							<p class="del">
								<a href="javascript:;" class="delBtn">移除商品</a>
							</p>
						</li>
					</ul>
				</div>
			</div>

			<div class="cartBox">
				<div class="shop_info">
					<div class="all_check" style="padding:0;margin:0;list-style: none;">
						<input type="checkbox" id="shop_b" class="shopChoice">
						<label for="shop_b" class="shop"></label>
					</div>
					<div class="shop_name">
						店铺：
						<a href="javascript:;">甘福园旗舰店</a>
					</div>
				</div>
				<div class="order_content">
					<ul class="order_lists" style="padding:0;margin:0;list-style: none;">
						<li class="list_chk">
							<input type="checkbox" id="checkbox_5" class="son_check">
							<label for="checkbox_5"></label>
						</li>
						<li class="list_con">
							<div class="list_img">
								<a href="javascript:;"><img src="assets/img/featured/4.jpg" alt=""></a>
							</div>
							<div class="list_text">
								<a href="javascript:;">精选海南贵妃芒果中大果 现摘新鲜水果红金</a>
							</div>
						</li>
						<li class="list_info">
							<p>规格：默认</p>
						</li>
						<li class="list_price">
							<p class="">￥39.33</p>
						</li>
						<li class="list_amount">
							<div class="amount_box">
								<a href="javascript:;" class="reduce reSty">-</a>
								<input type="text" value="1" class="sum">
								<a href="javascript:;" class="plus">+</a>
							</div>
						</li>
						<li class="list_sum">
							<p class="">￥39.33</p>
						</li>
						<li class="list_op">
							<p class="del">
								<a href="javascript:;" class="delBtn">移除商品</a>
							</p>
						</li>
					</ul>
				</div>
			</div>

			<div class="cartBox">
				<div class="shop_info">
					<div class="all_check" style="padding:0;margin:0;list-style: none;">
						<input type="checkbox" id="shop_c" class="shopChoice">
						<label for="shop_c" class="shop"></label>
					</div>
					<div class="shop_name">
						店铺：
						<a href="javascript:;">甘福园旗舰店</a>
					</div>
				</div>
				<div class="order_content">
					<ul class="order_lists" style="padding:0;margin:0;list-style: none;">
						<li class="list_chk">
							<input type="checkbox" id="checkbox_9" class="son_check">
							<label for="checkbox_9"></label>
						</li>
						<li class="list_con">
							<div class="list_img">
								<a href="javascript:;"><img src="assets/img/featured/4.jpg" alt=""></a>
							</div>
							<div class="list_text">
								<a href="javascript:;">精选海南贵妃芒果中大果 现摘新鲜水果红金</a>
							</div>
						</li>
						<li class="list_info">
							<p>规格：默认</p>
						</li>
						<li class="list_price">
							<p>￥39.33</p>
						</li>
						<li class="list_amount">
							<div class="amount_box">
								<a href="javascript:;" class="reduce reSty">-</a>
								<input type="text" value="1" class="sum">
								<a href="javascript:;" class="plus">+</a>
							</div>
						</li>
						<li class="list_sum">
							<p>￥39.33</p>
						</li>
						<li class="list_op">
							<p class="del">
								<a href="javascript:;" class="delBtn">移除商品</a>
							</p>
						</li>
					</ul>
				</div>
			</div>
			<!--底部-->
			<div class="bar-wrapper">
				<div class="bar-right">
					<div class="piece">已选商品<strong class="piece_num">0</strong>件</div>
					<div class="totalMoney">共计: <strong class="total_text">0.00</strong></div>
					<div class="calBtn">
						<a href="javascript:;">结算</a>
					</div>
				</div>
			</div>
		</section>
		<section class="my_model">
			<p class="title">删除宝贝<span class="closeModel">X</span></p>
			<p>您确认要删除该宝贝吗？</p>
			<div class="opBtn">
				<a href="javascript:;" class="dialog-sure">确定</a>
				<a href="javascript:;" class="dialog-close">关闭</a>
			</div>
		</section>	
		
	</body>
	<script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
	<script type="text/javascript" src="js/carts.js"></script>
	<script type="text/javascript" src="js/main.js"></script>
	<script type="application/x-javascript">
			addEventListener("load", function() {
				setTimeout(hideURLbar, 0);
			}, false);

			function hideURLbar() {
				window.scrollTo(0, 1);
			}
		</script>
		<style type="text/css">
			.quentity input {
				width: 40px;
				padding: 5px 10px;
				text-align: center;
			}
		</style>
</html>